import { subDrawerActiveKey } from "../../store";
import BasicUserInfo from "./BasicUserInfo";
import DynamicList from "./DynamicList";

export default defineComponent({
  setup(props, { slots }) {
    return () => {
      return (
        <>
          <a-tabs vModel:activeKey={subDrawerActiveKey.value}>
            <a-tab-pane key={0} tab={$t("user7")}></a-tab-pane>
            <a-tab-pane key={1} tab={$t("user8")}></a-tab-pane>
          </a-tabs>
          {subDrawerActiveKey.value === 0 ? <BasicUserInfo /> : <DynamicList />}
        </>
      );
    };
  },
});
